<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
    String basePath=request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+request.getContextPath()+"/";
%>
<html>
<head>
    <base href="<%=basePath%>">
    <meta charset="UTF-8">
    <%--jquery--%>
    <script type="text/javascript" src="jquery/jquery-1.11.1-min.js"></script>
    <%--bootstrap框架--%>
    <link rel="stylesheet" href="jquery/bootstrap_3.3.0/css/bootstrap.min.css">
    <script type="text/javascript" src="jquery/bootstrap_3.3.0/js/bootstrap.min.js"></script>
    <!--引入Bootstrap_datepicker插件-->
    <link rel="stylesheet" href="jquery/bootstrap-datetimepicker-master/css/bootstrap-datetimepicker.min.css">
    <script type="text/javascript" src="jquery/bootstrap-datetimepicker-master/js/bootstrap-datetimepicker.min.js"></script>
    <script type="text/javascript" src="jquery/bootstrap-datetimepicker-master/locale/bootstrap-datetimepicker.zh-CN.js"></script>
    <title>演示日历插件</title>

    <script type="text/javascript">
        $(function(){
           //当容器加载完成时调用
           $("#myDate").datetimepicker({
               language:'zh-CN', //语言
               format:'yyyy-mm-dd', //日期格式
               minView:'month', //可选择的最小视图
               initialDate:new Date(), //设置初始化显示的日期
               autoclose:true,  //设置选择完日期或者时间后,是否自动关闭日历
               todayBtn:true,  //设置是否显示"今天"按钮,默认设计false
               clearBtn:true //是否显示清空按钮,默认时false
           });
        });
    </script>
</head>
<body>
         Hello
    <h1><%=basePath%></h1><br>

    <input type="text" id="myDate">

</body>
</html>
